<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>history对象</title>
	</head>
	<body>
		<input type="button" id="btn" value="获取历史记录个数" />
		<a href="09_history对象2轮播图.html">09页面</a>
		
		<input type="button" id="forward" value="前进" />
		
		
		<script>
			/*
			History：历史记录对象
				1.创建（获取）：
						1.window.history
						2.history
				2.方法
						back()加载 history 列表中的前一个 URL
						forward()加载 history 列表中的下一个 URL
						go(参数)加载 history 列表中的某个具体页面
							参数：正数，前进几个历史记录，负数，后退几个历史记录
				3.属性
						length返回历史列表中的网址数
			 */
			
			//获取按钮
			var btn = document.getElementById("btn");
			//绑定单击事件
			btn.onclick = function(){
				//获取当前窗口历史记录个数
				var length = history.length;
				alert(length);
			}
			
			//获取按钮
			var forwbtn = document.getElementById("forward");
			//绑定单击事件
			forwbtn.onclick = function(){
				//前进
				history.forward();
			}
			
			
		</script>
	</body>
</html>
